<!DOCTYPE html>
<html>
  <head>
    <title>Vue源码剖析</title>
    <script src="../../dist/vue.js"></script>
  </head>

  <body>
    <div id="demo">
      <h1>Vue组件化机制</h1>
      <comp></comp>
    </div>
    <script>
      Vue.component("comp", {
        template: "<div>I am comp</div>",
      });
      // 创建实例
      // Vue根实例
      // App根组件
      // comp组件
      const app = new Vue({
        el: "#demo",
      });
      // 编译过程是没有什么特殊的地方
      console.log("render`  -->", app.$options.render);

      // 生命周期
      // parent create
      //    parent beforeMount
      //      child create
      //      child beforeMount
      //      child mounted
      //    parent mounted
    </script>
  </body>
</html>
